<template>
  <div v-show="$route.path !== '/home'" id="Footer">
    <div class="talk">
      
       <p>&copy; 2020疫情防控数据展示类网站-ChenhuiGT.All Rights Reserved.本网页素材源自素材网站，如有侵权请联系客服。 <a href="http://www.beian.miit.gov.cn"></a></p>
      
       <span>首页</span>
      <el-divider direction="vertical"></el-divider>
      <span>最新动态</span>
      <el-divider direction="vertical"></el-divider>
      <span>数据监控</span>
      <el-divider direction="vertical"></el-divider>
       <span>防疫小知识</span>
      <el-divider direction="vertical"></el-divider>
      <span @click="drawer = true">联系我们</span>
    </div>
    <p class='info'>
          <i class="el-icon-phone"></i>联系QQ：1321628928<br/>
          <i class="el-icon-message"></i>联系邮箱：1321628929@qq.com<br/>
          <i class="el-icon-message"></i>联系电话：18226520258<br/>
          <i class="el-icon-message"></i>联系地址：XXX省XXX市XXX区XXX路XXX号<br/>
        </p>
  </div>
</template>
<script>

  export default {
    name:'down',
    data () {
      return {
          Text:''
      };
    },
  }
</script>
<style lang="scss" scoped>
 .el-divider{
    background-color: rgb(84, 92, 100);
  }
#Footer {
  background: linear-gradient(#333, #456);
  padding: 2rem 0;
  width: 100vw;
  margin-top: 2rem;

  .info{
      font-size: 14px;
      color: #72767b;
      line-height: 25px;
    }
  .talk {
    margin:0 1rem;
    color: #f2f2f2;
    font-size: 11px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    img.wx{
      width: 5rem;
      margin-right: 1rem;
    }
    p {
      img {
        margin-left: 1rem;
      }
    }
    a {
      color: #f2f2f2;
    }
  }
}
</style>